import React from "react";
import { NavBar, Tabs} from "react-vant";
import { useNavigate } from "react-router";
const Index: React.FC = () => {
  const navigate = useNavigate();
  const items = ["全部", "进行中", "已完成", "已中止"];
  return (
    <div>
      <NavBar title="随访计划" onClickLeft={() => navigate("/my")} />
      <Tabs border type="capsule">
        {items.map((item) => (
          <Tabs.TabPane key={item} title={item}></Tabs.TabPane>
        ))}
      </Tabs>
    </div>
  );
};

export default Index;
